<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>机构设置</title>

    <!-- Bootstrap -->
    <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"> -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link href="css/common.css" rel="stylesheet">  
    <link href="css/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="css/department.css" rel="stylesheet">
  </head>
    <body>
   <!--头部logo和搜索栏-->
   <div class="logo">      
      <div class="container">
          <div class="col-md-6">
            <div class="logoAndName">
                <div class="navbar-header">
                    <a class="navbar-brand container" href="index.html">
                      <img alt="Brand" src="img/logo.png">
                    </a>
                  </div>
                  <div class="collegeName">
                    <div class="collegeNamePng"><img src="img/collegeName.png" alt=""></div>
                    <div class="collegeBottom"><p>后勤服务总公司</p></div>
                  </div>
                </div>             
              </div>
           
        <!--搜索框-->
        <div class="col-md-5 visible-lg-block search">
          <div class="input-group">
            <input type="text" class="form-control" placeholder="输入文字搜索内容">
            <span class="input-group-btn" style="float:left">
              <button class="btn btn-default search-btn" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
            </span>
          </div><!-- /input-group -->
        </div><!-- /.col-lg-6 -->
    </div>
  </div>

  <!--导航栏-->
  
    <div class="header">
      <input type="checkbox" id="chk">
      <label for="chk" class="show-menu-btn">
          <i class="fa fa-bars" aria-hidden="true"></i>
      </label>    
      <div class="searchInPhone">
        <a href="search.html"><i class="fa fa-search" aria-hidden="true"></i></a> 
      </div>    
      <ul class="menu container-menu">
        <a href="index.html">首页</a>
        <a href="department.html"  class="menuLine">机构设置</a>
        <a href="#">党建工作</a>
        <a href="#">规章制度</a>
        <a href="#">服务指南</a>
        <a href="#">智慧后勤</a>
      <label for="chk" class="hide-menu-btn">
          <i class="fa fa-times"></i>
      </label>
      </ul>        
    </div>

  <!--轮播图-->
  <div class="container banner">
    <div id="demo" class="carousel slide " data-ride="carousel">

      <!-- 指示符 -->
      <ul class="carousel-indicators">
        <li data-target="#demo" data-slide-to="0" class="active"></li>
        <li data-target="#demo" data-slide-to="1"></li>
        <li data-target="#demo" data-slide-to="2"></li>
        <li data-target="#demo" data-slide-to="3"></li>
        <li data-target="#demo" data-slide-to="4"></li>
      </ul>
    
      <!-- 轮播图片 -->
      <div class="carousel-inner">
        <div class="carousel-item active">
          <img src="img/banner.jpg">
        </div>
        <div class="carousel-item">
          <img src="img/banner2.jpg">
        </div>
        <div class="carousel-item">
          <img src="img/banner3.jpg">
        </div>
        <div class="carousel-item">
            <img src="img/banner4.jpg">
        </div>
        <div class="carousel-item">
            <img src="img/banner2.jpg">
        </div>
      </div>
      <!-- 左右切换按钮 -->
      <!-- <a class="carousel-control-prev" href="#demo" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
      </a>
      <a class="carousel-control-next" href="#demo" data-slide="next">
        <span class="carousel-control-next-icon"></span>
      </a> -->      
    </div>
  </div>

    <div class="dpContent">
        <div class="container dpBody">
            <div class="row">                
                <!--左侧导航栏-->
                <div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar">
                    <div class="list-group">
                        <a href="#" class="list-group-item active">
                            <i class="fa fa-check-square-o" aria-hidden="true" class="dpI" style="color:#22c3aa;float: left;line-height:1.5"></i>
                            <span>机构设置</span>
                        </a>
                        <a href="#" class="list-group-item">党建工作</a>
                        <a href="#" class="list-group-item">规章制度</a>
                        <a href="#" class="list-group-item">服务指南</a>
                        <a href="#" class="list-group-item">智慧后勤</a>
                    </div>
                </div>
                <!--右侧信息栏-->
                <div class="col-xs-12 col-sm-9">
                    <!--右侧面包屑导航-->                    
                    <ol class="breadcrumb">
                        <i class="fa fa-map-marker" aria-hidden="true" style="color:#22c3aa;margin-right:10px;line-height: 1.5"></i>
                        <span>当前位置：</span>
                        <li><a href="#">首页</a></li>
                        <li><a href="#">机构设置</a></li>
                        <li class="active">详情</li>
                    </ol>
                    <div class="row dpContentText">
                        <div class="col-xs-12 col-lg-12">
                            <h2>各科室联系电话</h2>
                            <p style="color:#7a7c7b;text-align: center">发布时间：2019-03-12 来源：网络 浏览量：201</p>
                            <p>"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. "</p>
                            <p>"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. "</p>
                            <p>"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. "</p>
                            <p>"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. "</p>
                        </div>
                    </div>
                    <hr style="color:#e4e3e8"/>
                    <div class="dpBottomText">
                        <p>上一篇：后勤服务总公司开展毕业季定制服务调研</p>
                        <p>下一篇：学习全面从严治党 强化后勤安全和保障</p>
                    </div>
                </div>                
            </div>
        </div>
    </div>
    
    <!--footer-->
    <div class="footer">
      <div class="footerText">
        <p>版权所有：四川农业大学后勤服务总公司</p>
        <p>地址：雅安市雨城区新康路46号  邮编：625014  电话：(0835)2882261  EMAIL：hqfw@sicau.edu.cn</p>        
      </div>
    </div>
    <!--bootstrap CDN-->
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    </body>
</html>